<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../echarts.js"></script>
</head>

<body>
    <div id="main" style="width: 1900px;height: 800px"></div>
</body>
<script>
    // var myChart = echarts.init(document.getElementById('main'))
    // option = {
    //     legend: {},
    //     tooltip: {},
    //     dataset: {
    //         source: [
    //             ['product', '对英雄输出伤害', '承受英雄伤害', '总经济'],
    //             ['星慕甜', 22700, 11881, 20400],
    //             ['小丑星', 29400, 25803, 12400],
    //             ['山山困', 24000, 21615, 13000],
    //             ['小J八玩意', 26300, 33345, 13000],
    //             ['也许我不懂细节', 22600, 32555, 14000],
    //             ['暗夜独行觅卿心', 28300, 25061, 11200],
    //             ['鸭子头上站青蛙', 45400, 19050, 12400],
    //             ['酒令神道', 29000, 25744, 13600],
    //             ['投降之神', 30400, 22200, 16000],
    //             ['岁月也不算冗长', 15900, 15653, 12700],
    //         ]
    // source: [
    //     ['product', '对英雄输出伤害'],
    //     ['星慕甜', 22700],
    //     ['小丑星', 29400],
    //     ['山山困', 24000],
    //     ['小J八玩意', 26300],
    //     ['也许我不懂细节', 22600],
    //     ['暗夜独行觅卿心', 28300],
    //     ['鸭子头上站青蛙', 45400],
    //     ['酒令神道', 29000],
    //     ['投降之神', 30400],
    //     ['岁月也不算冗长', 15900],
    // ],
    // source: [
    //     ['product', '承受英雄伤害', '总经济'],
    //     ['星慕甜', 11881 ],
    //     ['小丑星', 25803 ],
    //     ['山山困', 21615 ],
    //     ['小J八玩意', 33345 ],
    //     ['也许我不懂细节', 32555 ],
    //     ['暗夜独行觅卿心', 25061 ],
    //     ['鸭子头上站青蛙', 19050 ],
    //     ['酒令神道', 25744 ],
    //     ['投降之神', 22200 ],
    //     ['岁月也不算冗长', 15653 ],
    // ],
    // source: [
    //     ['product', '对英雄输出伤害', '承受英雄伤害', '总经济'],
    //     ['星慕甜', 20400],
    //     ['小丑星', 12400],
    //     ['山山困', 13000],
    //     ['小J八玩意', 13000],
    //     ['也许我不懂细节', 14000],
    //     ['暗夜独行觅卿心', 11200],
    //     ['鸭子头上站青蛙', 12400],
    //     ['酒令神道', 13600],
    //     ['投降之神', 16000],
    //     ['岁月也不算冗长', 12700],
    // ]
    //     },
    //     itemStyle: {
    //         color: "rgba(245, 21, 21, 1)"
    //     },
    //     yAxis: { type: 'category' },
    //     xAxis: {},
    //     series: [{ type: 'bar' }, { type: 'bar' }, { type: 'bar' }]
    // }
    // myChart.setOption(option)



    var myChart = echarts.init(document.getElementById('main'))
    option = {
        yAxis: {
            type: 'category',
            data: ['岁月也不算冗长', '投降之神', '酒令神道', '鸭子头上站青蛙', '暗夜独行觅卿心', '也许我不懂细节', '小J八玩意', '山山困', '小丑星', '星慕甜']
        },
        xAxis: {
            type: 'value',

        },
        series: [
            {
                data: [15900, 30400, 29000, 45400, 28300, 22600, 26300, 24000, 29400, 22700],
                type: 'bar',
                // itemStyle: {
                //     color: "rgba(227, 36, 36, 1)"
                // }
            }
        ]
        // dataset: {
        //     source: [
        //         [15900, 30400, 29000, 45400, 28300],
        //         // [22600, 26300, 24000, 29400, 22700]
        //     ],
        //     source: [
        //         [22600, 26300, 24000, 29400, 22700]
        //     ]
        // },
        // series: [
        //     { type: 'bar', setdataIndex: 0 },
        //     { type: 'bar', setdataIndex: 1 }
        // ]
    };
    myChart.setOption(option)
</script>

</html>